@font-face {
    font-family: 'Gendry';
    src: url('fonts/GendyRegular.woff2') format('woff2'),
        url('fonts/GendyRegular.woff') format('woff'),
        url('fonts/gendy.otf') format('opentype');
    /* Fallback */
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GothamBook';
    src: url('fonts/GothamBook.woff2') format('woff2'),
        url('fonts/GothamBook.woff') format('woff'),
        url('fonts/GothamBook.ttf') format('opentype');
    /* Fallback */
    font-weight: normal;
    font-style: normal;
}

/* Footer Styling */
.custom-footer {
    background-color: #9A9EF8;
    color: #1f234f;
    text-align: center;
    padding: 20px 10px;
    font-family: Arial, sans-serif;
    line-height: 1.5;
    margin-bottom: -1%;
}

/* General footer line styling */
.footer-line {
    color: #1f234f;
    display: flex;
    justify-content: space-evenly;
}

a {
    color: #1f234f;
    text-decoration: none;
    /* Removes the underline */
}

/* Social icons */
.social-icons {
    display: flex;
    justify-content: center;
    gap: 15px;
    color: #1f234f;
    font-size: 2.5vw;
    margin-top: 1%;
}

.social-icon {
    opacity: 90%;
}

.social-icon:hover {
    /* Light green hover effect */
    opacity: 100%;
}

.words-line {
    margin-top: 2%;
}

/* Second line: Words */
.words-line span {
    margin: 0 15px;
    font-size: 1.8vw;
    cursor: pointer;
    color: #1f234f;
    font-family: 'Gendry', sans-serif;
    font-weight: unset;
    opacity: 90%;
}

.words-line span:hover {
    opacity: 100%;
}

.single-word {
    margin-top: 3%;
}

/* Third line: Single word */
.single-word span {
    font-family: 'Gendry', sans-serif;
    font-weight: unset;
    font-size: 1.3vw;
}